<%-- 
    Document   : administration_detail_match
    Created on : 24 nov. 2013, 21:20:59
    Author     : Steve Cancès <steve.cances@gmail.com>
--%>

<%@page
	import="fr.miage.orleans.aar.modele.valueobject.ValueObjectButTirAuBut"%>
<%@page import="java.awt.font.NumericShaper"%>
<%@page import="fr.miage.orleans.aar.modele.EtatMatchTour"%>
<%@page import="fr.miage.orleans.aar.modele.ButTirAuBut"%>
<%@page
	import="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeLight"%>
<%@page
	import="fr.miage.orleans.aar.modele.valueobject.ValueObjectJoueur"%>
<%@page
	import="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeMinimal"%>
<%@page import="java.util.Comparator"%>
<%@page import="java.util.Collections"%>
<%@page import="java.util.List"%>
<%@page import="java.util.ArrayList"%>
<%@page
	import="fr.miage.orleans.aar.modele.valueobject.ValueObjectButMatch"%>
<%@page
	import="fr.miage.orleans.aar.modele.valueobject.ValueObjectMatch"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/kickstart.css"
	media="all" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/kickstart.js"></script>
<script type="text/javascript" src="js/administration.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<jsp:useBean id="match"
	class="fr.miage.orleans.aar.modele.valueobject.ValueObjectMatch"
	scope="session" />
<jsp:useBean id="equipeA"
	class="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeLight"
	scope="session" />
<jsp:useBean id="equipeB"
	class="fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeLight"
	scope="session" />



<title>Les tournois - Administration - Détail match</title>
</head>
<body>
	<jsp:include page="header.jsp">
		<jsp:param name="page" value="administration" />
	</jsp:include>

	<div class="grid">
		<div class="col_12">
			<h3>
				Match n°<%=match.getMatchTourId()%> du tour <%=match.getRangMatch()%> du tournoi <%=match.getNomTournoi()%>
			</h3>
			<ul class="tabs" id="tabs_match">
				<li>
					<a href="#tab_match">
						<i class="icon-group"></i> Détail match
					</a>
				</li>
			</ul>
			<div id="tab_match" class="tab-content">
				<ul>
					<li>Identifiant du match : <%=match.getMatchTourId()%></li>
					<li>Tour : <%=match.getRangMatch()%></li>
					<li>Numéro du match dans le tour : <%=match.getNumeroMatch()%></li>
					<li>Arbitre : <%=match.getArbitre().getPrenom()%> <%=match.getArbitre().getNom()%></li>
					<li>Etat d'avancement : <%=match.getEtatMatch()%></li>
				</ul>
				<h4>Les buts</h4>
				<table id="table_buts" class="striped" cellspacing="0" cellpadding="0">
					<thead>
						<tr>
							<th>Equipe</th>
							
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
							<%for (int i = 6 ; i < match.getListTOB().size() -5 ; ++i) { %>
								<th><%=i%></th>
							<% }%>
						</tr>
					</thead>
					<%
						ArrayList<ValueObjectButTirAuBut> btab1= new ArrayList<ValueObjectButTirAuBut>();
						ArrayList<ValueObjectButTirAuBut> btab2= new ArrayList<ValueObjectButTirAuBut>();
						for (ValueObjectButTirAuBut b : match.getListTOB()){
							if(b.getEquipe().getId()==equipeA.getId()){
								btab1.add(b);
							}
							else{
								btab2.add(b);
							}
						}
					%>

					<tbody>
						<tr>
							<td><%=equipeA.getNom() %></td>
							<%for (int i=0;i< match.getListTOB().size();i++){ %>
							<td >
								<%for(ValueObjectButTirAuBut vob: btab1){
									if (vob.getRang()==(i+1)){ 
										String color = (vob.isReussi()) ? "green" : "red"; 
								%>
									<span style="color: <%=color%>" ><%=vob.getButteur().getNom()%>&nbsp;<%=vob.getButteur().getPrenom()%></span>	
								<%	}
								} 
								%>
							</td>
							<%} %>

						</tr>
						<tr>
							<td><%=equipeB.getNom() %></td>
							<%for (int i=0;i< match.getListTOB().size();i++){ %>
							<td>
								<%for(ValueObjectButTirAuBut vob: btab2){
									if (vob.getRang()==(i+1)){ 
										String color = (vob.isReussi()) ? "green" : "red";
								%>
									<span style="color:<%=color%>" ><%=vob.getButteur().getNom()%>&nbsp;<%=vob.getButteur().getPrenom()%></span>
								<% 	}
								} 
								%>
							</td>
							<%} %>
						</tr>
					</tbody>
				</table>
				<br /> 
				<br />
				
				<h5>
					<% 
						String action = ( match.getEtatMatch() == EtatMatchTour.MORT_SUBITE) ?"validerSerieTirsAuButMS" : "validerSerieTirsAuBut"; 
						boolean isTourA = ( match.getListTOB().size() % 2) == 0;
						ValueObjectEquipeLight equipeTOB = (isTourA) ? equipeA : equipeB;
						int idEquipe = equipeTOB.getId();
						int rang = (match.getListTOB().size() / 2) + 1;
						
					%>
					Saisie de la série N°<%=rang%> - Tour de l'équipe <%=equipeTOB.getNom() %>
					<% if(match.getEtatMatch() == EtatMatchTour.MORT_SUBITE){ %>(Mort Subite)<%} %>
				</h5>
				<form action="administration" method="post">
					
					<input type="hidden" name="action" value="<%=action%>" />
					<input type="hidden" name="matchId" value="<%=match.getMatchTourId()%>" />
					<input type="hidden" name="equipeId" value="<%=idEquipe%>" />
					<table id="table_selection_buteur" cellspacing="0" cellpadding="0">
						<tr>						
							<td>
								<label for="select_equipe"><%=equipeTOB.getNom() %></label>
							</td>
							<td>
								<select name="personneId">
									<%
									for (ValueObjectJoueur joueur : equipeTOB.getListeJoueur()) {
								    %>
									<option value="<%=joueur.getId()%>">
										<%=joueur.getPrenom() + " " + joueur.getNom() + " (" + joueur.getPosteJoueur().getNomPoste() + ")"%>
									</option>
									<% }%>
								</select> &nbsp; 
								<input type="checkbox" id="checkBut" name="checkBut" value="butok" />
								<label for="checkBut" class="inline">But marqué</label>
							<td>
						</tr>
						<tr>
							<td></td>
							<td>
								<button type="submit" class="small square green"><i class="icon-ok"></i> Valider série N°<%=rang%></button>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>

	<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>
